@import '../../../common/style/common.css';
@import '../../../common/style/free.css';
.todo-wraper {
    width:100%;
    background-color: rgba(0,0,0,0.05);
    flex-direction: column;
    margin: 20px;
    border-radius: 5px;
    padding:10px;
}
.todo-item {
    flex-direction: row;
    padding:10px 0;
    align-items: center;
/*    border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
.todo-title {
    font-size: 22px;
}
.todo-time {
    font-size: 20px;
    margin-left:10px;
}
.indexer{
    flex-direction: column;
    columns:1;
}

/*list-item-group*/
.doc-page {
    flex-direction: column;
}
.list-group-container{
    width: 100%;margin-bottom:20px;height:500px;
}

.top-list-item {
    width:100%;
    background-color:#D4F2E7;
    padding:10px 0;
}

.item-div {
    flex-direction:column;
    align-items:center;
    justify-content:space-around;
    height:100px;
}

.item-child {
    width:100%;
    height:60px;
    justify-content:space-around;
    align-items:center;
}

.item-group-child {
    justify-content: center;
    align-items: center;
    width:100%;
}



